<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html lang="en">
<head>

    <title>You and Me </title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        @font-face {
            font-family: digit;
            src: url("/love/digital-7_mono.ttf") format("truetype");
        }
    </style>
    <link href="/love/css/default.css" type="text/css" rel="stylesheet">
<body>
<div id="mainDiv">
    <div id="content">
        <div id="code">
            <span class="comments"><h3>三行(封)情书</h3></span><br/>

            <span class="comments">春风在敲打我的门，笔记本里在写你。</span></span><br/>
            <span class="comments">满天的你飘落在风里。</span></span><br/>
            <span class="comments">而我在想你。</span></span><br/>
            <span class="comments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《第一封》</span></span><br/>

            <br/>
            <br/>

            <span class="comments">The monent i miss you .</span></span><br/>
            <span class="comments">Heard the sound of the snow melt. </span></span><br/>
            <span class="comments">Are you miss me,too? </span></span><br/>
            <span class="comments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《Second Letter》</span></span>
            <br/>

            <br/>
            <br/>

            <span class="comments">long lovetime;//定义一个相爱的时间 </span></span><br/>
            <span class="comments">if(Love==true)//如果你爱我</span></span><br/>
            <span class="comments">for(lovetime=1;lovetime>=1;lovetime++)// 那么从我们相爱的那一秒起，就注定将无线循环</span></span><br/>
            <span class="comments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《int letter=3》</span></span>
            <br/>


        </div>
        <div id="loveHeart">
            <canvas id="garden"></canvas>
            <div id="words">
                <div id="messages">
                    LL, 这是我们认识的第
                    <div id="elapseClock"></div>
                </div>
                <div id="loveu">
                    永远爱你，一辈子，不分离！<br/>
                    <div class="signature">- 你的叔</div>

                </div>
            </div>
        </div>
        <div class="bg1">
            <div class="main">
                <footer style="line-height:20px">
                    <div id="copyright">
                        <p><a href='http://51bbw.cn' target="_blank"></a>
                            <a href="http://ymjzy.net" target="_blank"></a>
                            <a href="" target="_blank"></a></p>

                    </div>
                </footer>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/love/js/jquery.js"></script>
<script type="text/javascript" src="/love/js/garden.js"></script>
<script type="text/javascript" src="/love/js/functions.js"></script>
<script type="text/javascript">
















    var offsetX = $("#loveHeart").width() / 2;
    var offsetY = $("#loveHeart").height() / 2 - 55;
    var together = new Date();
    together.setFullYear(2014, 9, 1);
    together.setHours(8);
    together.setMinutes(0);
    together.setSeconds(0);
    together.setMilliseconds(0);

    if (!document.createElement('canvas').getContext) {
        var msg = document.createElement("div");
        msg.id = "errorMsg";
        msg.innerHTML = "提醒您：您的浏览器版本过旧^_^<br/>" +
            "推荐使用 <a href='http://dlsw.br.baidu.com/ditui/zujian/bdBrowserSetup-5956-ftn_1000061134.exe' target='_blank'>百度浏览器<br/>请先升级您的浏览器，效果很炫哦~~";
        document.body.appendChild(msg);
        $("#code").css("display", "none")
        $("#copyright").css("position", "absolute");
        $("#copyright").css("bottom", "10px");
        document.execCommand("stop");
    } else {
        setTimeout(function () {
            adjustWordsPosition();
            startHeartAnimation();
        }, 5000);

        timeElapse(together);
        setInterval(function () {
            timeElapse(together);
        }, 500);

        adjustCodePosition();
        $("#code").typewriter();
    }
</script>
<audio id="bgmMusic" src="http://qzone.haoduoge.com/music/C2C3F0LSXH4D771253124A26CF9C71C939B2A.mp3" preload="auto"
       type="audio/mp3" autoplay loop></audio>


</body>
</html>